@charset "utf-8";

body { 
	color:#b3b3b3;
	text-align:center;
	padding:0;
	margin:0;
	font-family:"Gulim","AppleGothic";
	text-align:center;
	margin-top:10px;
	background:#8d8d8d url(/layout/bg.gif) center repeat-y;
/*	background:#23272a;*/
	overflow-y:scroll;
}

td, input, textarea, button,select {
	font-size:9pt;
	font-family:"Gulim";
}


td { color:#808080;text-align:left;}

input[type=checkbox]{
	outline:0;	
}
form {margin:0;}

a {color:#808080;text-decoration:none;font-size:9pt;}
a:hover,
a:focus { color:#808080;}

a.strong {
	font-weight:bold;
	text-decoration:underline;	
}

#bodyWrap {width:960px;}

#logoArea {
	height:120px;	
	width:960px;
	margin-bottom:10px; /* 상단광고와 메뉴 사이의 간격*/
	border:0;
}

#logoArea td{
	height:0px;	
	border:0;	
}

#loginArea{
	text-align:right;
  padding-top:0px;
}

#header { 
	width:960px;
	position:relative; 
	height:30px; 
	padding:0px;
	background:url(/layout/topmenubg.gif) no-repeat right top;
	z-index:1;
}

#gnb .submenu {
	overflow:visible;
	position:absolute;
	cursor : pointer;
	text-align:left;
}

html>body #gnb .submenu {
	width : 290px;
	overflow:visible;
}

#gnb .submenu .top {
	width : 141px;
	height : 7px;
	font-size:1px;
	background-image : url(/layout/submenu_top.gif);
}

#gnb .submenu .topsub {
	width : 141px;
	height : 7px;
	background-image : url(/layout/submenu_top2.gif);
}

#gnb .submenu .mid {
	width : 141px;
	background-image : url(/layout/submenu_mid.gif);
}

#gnb .submenu .mid td{
	text-align:left;
	color : #b3b3b3;
	padding-left:10px;
    vertical-align: middle;
    height:22px;
}

#gnb .submenu .mid .havesub{
	background-image : url(/layout/submenu_3th.gif);
	background-position :left center;
	background-repeat :no-repeat;
}

#gnb .submenu .mid td a {padding: 0;color:#333333; white-space:nowrap; text-decoration:none; font-weight:500;letter-spacing:0px;}
#gnb .submenu .mid td a:hover,
#gnb .submenu .mid td a:focus {color:#0066aa; font-weight:500;}

#gnb .submenu .mid td a.selected {color:#0066aa; font-weight:500;}
#gnb .submenu .mid td a.selected:hover,
#gnb .submenu .mid td a.selected:focus {color:#666666; font-weight:500;}


#gnb .submenu .bot {
	width : 141px;
	height : 7px;
	font-size:1px;
	background-image : url(/layout/submenu_bot.gif);
	background-position : left bottom;
}


#gnb .submenu td{
	color : #d0d0d0;
    white-space: nowrap;
}

#contentBody {width:960px;}

#contentBody #columnMain{
	width:700px;
	padding:20px 0 0px 0;
	vertical-align: top;
	overflow:hidden;
}

#contentBody #columnMain.offside {
	width:960px;
	overflow:visible;
}

#contentBody #columnMain.admin {
	width:810px;
	overflow:visible;
}

#bodyWrap .offside{
	overflow:visible;
}


#contentBody #columnGab{
	width:20px;
}

#contentBody #columnSide{
	width:240px;
  vertical-align: top;
  padding-top: 10px; /* 첫번째 광고 */
}

#contentBody #columnSide .bannerSpace{
	vertical-align: top;
	margin-bottom:10px;
	height:120px;
	overflow:hidden;
}
	
#contentBody #columnSide .bannerSpace2{
	vertical-align: top;
	margin-bottom:10px;
	height:80px;
	overflow:hidden;
}
#contentBody #columnSide.admin{
	width:150px;
  vertical-align: top;
}

#columnSide .sideMenu {
	width:100%;
	background-color:#313538;	
	border:1px solid #181a1b;	
	margin-top:5px;	
	margin-left:5px;	
}
#columnSide .sideMenu table{
	border-top:1px solid #020202;
	border-left:2px dotted #020202;
	border-bottom:1px solid #020202;
}
#columnSide .sideMenu td{
	padding:4px 2px 4px 10px;
}

#columnSide .sideMenu tr:hover td {
	background-color:#181a1b;	
}

#columnSide .sideMenu tr td tr:hover td {
	background-color:#25282a;	
}

#columnSide .sideMenu tr:hover td[bgoff]{
	background-color:transparent;
}

#columnSide .sideMenu .selected{
	background-color:#181a1b;	
}



#contentBody #mainSide{
	width:240px;
  vertical-align: top;
  padding-top: 0px; /* 메인 첫번째 광고 */
}

#contentBody #mainSide .bannerSpace{
	vertical-align: top;
	margin-bottom:10px;
	height:120px;
	overflow:hidden;
}
	
#contentBody #mainSide .bannerSpace2{
	vertical-align: top;
	margin-bottom:10px;
	height:80px;
	overflow:hidden;
}
#contentBody #mainSide.admin{
	width:150px;
  vertical-align: top;
}

#mainSide .sideMenu {
	width:100%;
	background-color:#313538;	
	border:1px solid #181a1b;	
	margin-left:5px;	
}
#mainSide .sideMenu table{
	border-top:1px solid #020202;
	border-left:2px dotted #020202;
	border-bottom:1px solid #020202;
}
#mainSide .sideMenu td{
	padding:4px 2px 4px 10px;
}

#mainSide .sideMenu tr:hover td {
	background-color:#181a1b;	
}

#mainSide .sideMenu tr td tr:hover td {
	background-color:#25282a;	
}

#mainSide .sideMenu tr:hover td[bgoff]{
	background-color:transparent;
}

#mainSide .sideMenu .selected{
	background-color:#181a1b;	
}



div.userName{
	display:inline;
	font-family:"dotum";
	font-size:9pt;
}

.userName,
.userName a,
.userName a:link, 
.userName a:visited, 
.userName a:active {
	color:#808080; 
	text-decoration:none;
	font-family:"dotum";
	font-size:9pt;
	font-weight:700;
	letter-spacing: -1px;
}

.userName a:hover {
	font-family:"dotum";
	font-size:9pt;
	text-decoration:underline;
}

.userIP {
	color :#64686b;
}


.dateTime {
	font-family:tahoma;
	font-size:8pt;
	letter-spacing:0px;
	color:#808080;
}
.dateTime b{
	font-family:tahoma;
	font-size:8pt;
 	color:#808080;
 	font-weight:bolder;
}
.dateTimeDotum {
	font-family:dotum;
	font-size:8pt;
	letter-spacing:0px;
	color:#666666;
}

.num {
	font-family:tahoma;
	font-size:8pt;
	letter-spacing:0px;
	color:#808080;
}

.cate_txt {
	color:#666666;
}

.lineMap {
	height:20px;
	background-repeat:no-repeat;
	background-position:7px 2px;
	padding:0 10px 0 0px;
	color : #666666;
	font-family:dotum;
	font-size:9pt;
}

.topTitle {
	margin-top:0px;
	margin-bottom:5px;
	color:#888888;
	font-size:9pt;
}


.topTag {
	color:#666666;
	position: 2px 0 0 0;
}

.lineMap a{
	background-image:url(/layout/linemap_arrow.gif);
	background-repeat:no-repeat;
	background-position:-1px 1px;
	padding:0 0px 0 15px;
	color : #666666;
	text-decoration:none; 
}

.lineMap a.selected{
	color : #548876;
}

.topTabs {
	margin-top:19px;
	margin-bottom:19px;
	border-left:1px solid #1c1e20;
	background-image:url(/tmpimage/buttonBlack.gif); 
	background-position:left -210px;
	background-repeat:repeat-x;
	text-align:right;
}

.topTabs td{
	padding:0 0 0 0;
}

.iconArrow {
	outline:0px;
    -moz-outline:0 none;
	cursor:pointer;
	display:inline;
	border:0;
}

.iconArrow.left,
.iconArrow.right{
	background-image:url(/layout/icon_multiarrow.gif); 
	background-repeat:no-repeat;
	width:13px; height:15px;
	overflow:hidden;
	background-color:transparent;
}

.iconArrow.left{
	background-position:0px 0px;
}
.iconArrow.left:hover{
	background-position:0px -15px;
}

.iconArrow.right{
	background-position:-17px -15px;
}
.iconArrow.right:hover{
	background-position:-17px 0px;
}


.titleIcon {
	background-image:url(/layout/icon_title.gif);
	background-repeat:no-repeat;
	background-position:11px 2px;
	padding-left : 37px;
	font-weight:bold;
	font-family:'Verdana';
	margin-top:20px;
	margin-bottom:5px;
}

.category {
	text-align:right;	
}

.category select{
	background-color:#333333;
	color:#aaaaaa;
	border:0px solid #666666;	
}

.category select optgroup{
	text-decoration:none; 
	background-color:#333333;
	color:#aaaaaa;
}

.category select option{
	background-color:#333333;
}

.gallery {
	text-align:left;
	font-size:0px;
	white-space:nowrap
}

.gallery table{
	width:auto;
	display:inline;
	margin-top:20px;
  	vertical-align: top;
}

html>body .gallery table{
	display:inline-table;
}

.gallery table td{
	text-align:center;
	padding:0px;
	margin:0px;
}

.gallery .left{
	margin-right:20px;
}
.gallery .center{
	margin-right:20px;
}

.gallery .right{
	margin-right:0px;
}

.webzine {
	margin-top:5px;
	margin-bottom:10px;
	width:100%;
	height:auto;
	overflow:visible;
}

.webzine:hover{
	background-color:#333333;
}

.webzine .thumbnail {
	margin-top:0px;
	padding:2px;
	border:1px solid #444444;
	background-color:#222222;	
}

.webzine .title {}
.webzine .description {
	text-align:left;
	padding-top:5px;	
	padding-left:10px;	
	vertical-align:top;
}
.webzine .imgcell {
	text-align:left;
	padding:3px;	
	vertical-align:top;
}

.webzine .comments {
	margin-top:10px;	
}

.buttonArea {
	margin-top:7px;
	margin-bottom:10px;
	text-align:center;
}

.buttonArea .line {
	height:2px;font-size:1px;background-image:url(/layout/bottom_line.gif);
	margin-bottom:5px;
}
.buttonArea table {
	height : 38px;
}

.buttonArea .pageMove {
	text-align:center;
	padding-left:0;
}
.buttonArea .pageSearch {}

.buttonArea .pageSearch select{
	background-color:#191a1b;
	color:#808080;
	border:1px #101010  solid;	
	padding:2px;
}

.buttonArea .pageSearch input{
	background-color:#191a1b;
	color:#808080;
	border:1px solid #101010;
	margin:0 2px;
	padding:2px;
}


.pageMove img {
	cursor:pointer;
	background-image:url(/layout/page_set.gif);
	margin:0 3px;
}
	

.pageMove .first, .pageMove .end  {
	width:21px;
	height:14px;
}

.pageMove .first {
	background-position : -14px 0;
}
.pageMove .first:hover {
	background-position : -14px -14px;
}

.pageMove .end {
	background-position : -35px 0;
}
.pageMove .end:hover {
	background-position : -35px -14px;
}

.pageMove .prev, .pageMove .next {
	width:14px;
	height:14px;
}

.pageMove .prev {
	background-position : 0 0;
}
.pageMove .prev:hover {
	background-position : 0 -14px;
}

.pageMove .next {
	background-position : -56px 0;
}
.pageMove .next:hover {
	background-position : -56px -14px;
}

.pageMove a {
	color :#53575a;	
	text-decoration:none;
	margin:0 3px;
}

.pageMove b{
	color :#868b8e;	
	text-decoration:bold;
	margin:0 3px;
}

.buttonArea .buttonRight {
	text-align:right;
}

.buttonArea .buttonLeft {
	text-align:left;
}

.buttonArea .buttonCenter {
	text-align:center;
}

#footer {}

#footer .line {
height:1px;font-size:1px;background-image:url(/layout/bottom_line.gif);
}

#footer .menu {
	padding:8px 0 24px 0;
	text-align:center;
}

#footer .menu a{
	text-decoration:none;
	color : #808080;
}

#footer .menu .bar{
/*
	color : #333333;
	font-weight:bold;
	margin:0 5px;
*/
}

#footer .text {
	color:#cccccc;
	font-family:Dotum;
	font-size:8pt;
	line-height:130%;
}
#footer .copyright {
	color:#808080;
	padding:10px 0;	
	font-size:8pt;
	font-family:Arial;
}

#footer .copyright a{
	color:#cccccc;
	text-decoration:none;
	/* color:#fefeff; */
	font-family:Arial;
	font-size:8pt;
	letter-spacing:0px;
}
#footer .copyright b{
	color:#cccccc;
/*	color : #606970; */
}

.formDate {
	border:0px solid #0d0d0e;
	background-color:#1b1d1e;
	color:#808080;
	padding:3px;
}
.formSelect {
	border:0px solid #0d0d0e;
	background-color:#1b1d1e;
	color:#808080;
	padding:3px;
}
.formInput {
	border:0px;
	background-color:#1b1d1e;
	color:#808080;
	padding:3px;
}
.formInputSearch {
	border:0px;
	background-color:#1b1d1e;
	color:#808080;
	padding:3px;
	
	font-family:"Gulim";
	font-size:9pt;
	font-weight:700;
}


.formText {
	border:1px solid #0d0d0e;
	background-color:#1b1d1e;
	color:#808080;
	height:400px;
	margin:20px 0 20px 0;
	overflow :auto;	
	line-height:170%;
	word-break: break-all;
	padding: 5px;	
	scrollbar-face-color:#141517;
	scrollbar-arrow-color:#747373;
	scrollbar-track-color:#09090a;
	scrollbar-shadow-color:#000000;
	scrollbar-highlight-color:#303133;
	scrollbar-3dlight-color:#000000;
	scrollbar-darkshadow-color:#000000;
	overflow-x:hidden;	
}

.formSelect {
	padding:1px;
}

.formInput[require=number] {
	text-align:right;
	padding-right:7px;
}

.formDate.large, 
.formInput.large {
	padding: 4px 3px 4px 3px;
}

.postControl {
	text-align:right;	
	height:25px;
}
.postControl a{
	padding-right:10px;
}

.boardList {
	margin-top: 10px;	
}

.boardList{
	background-image : url(/layout/boardlist_bg.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

.boardList thead td{
	background-image : url(/layout/boardlist_bar.gif);
	background-repeat:no-repeat;
	background-position:right top;
	height:31px;
	color : #808080;
	text-align:center;
	font-weight:normal;
	font-size: 9pt;
	letter-spacing: -1pt;
}

.boardList thead td[nobar]{
	background-image : none;
	border-right:0px solid #333333;	
}

.boardList  .iconReply {
	background-image : url(/layout/icon_reply.gif);
	width:13px;
	height:13px;
	margin-right:4px;
}


.boardList tbody td{
	height : 30px;
/*	border-bottom:1px solid #222222; */
	border-bottom:1px solid #0;
	padding:0 3px;
	text-align:center;
}

.boardList tbody tr:hover td{
	background-color:#333333;
}

.boardList tbody td[align=left]{
	text-align:left;
}
.boardList tbody td[align=right]{
	text-align:right;
}

.noResult{
	height : 100px;
}

.gallery  div.title {
	font-size: 8pt;
	margin:0px;
	letter-spacing: -0.3pt;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	display:block;
}

.boardList tbody td div.title{
	font-size: 8pt;
	margin:0px;
	letter-spacing: -0.3pt;
	display:block;
}

.gallery  img,
.gallery  a{
	outline:0;	
}

.boardList div.userName{
	width : 100px;	
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	display:block;
	
	font-family:"dotum";
	font-size:8pt;
}

.boardList tfoot td{
	height:2px;
	background-color:#413b32;
	font-size:1px;
}

.boardTitle {
	background-image : url(/layout/board_titlebg.gif);
	height:48px;
	font-weight:bold;
}

.boardTitle .category {
	font-weight:normal;
	color:#666666;
}


.boardLi